﻿@{
    ViewData["Title"] = "Home Page";
}

    <body>
        <p>
            AddExpirationToken、
            SetAbsoluteExpirationCallBack、
        </p>
        <p>
            SetPriority、
            SetAbsoluteExpiration、
        </p>
        <p>SetSlidingExpiration</p>
        <p>key（type）1<input type="text" value="SetAbsoluteExpiration"></p>
        <p>value 2<input type="text" value="aaa"></p>
        <p>批量插入条数 3<input type="text" value="10000"></p>
        <p><button id="btnSet" type="button">写缓存</button></p>
        <p><button id="btnGet" type="button">读缓存</button></p>
        <p><button id="btnRemove" type="button">清除</button></p>
        <p><button id="btnSetMany" type="button">批量插入</button></p>
        <hr />
        <p id="result1"></p>
        <hr />
        <p id="result2"></p>
        <hr />
        <p id="result3"></p>
        <hr />
        <p id="result4"></p>
    </body>
<script>
    window.onload = (() => {
        document.querySelector("#btnSet").addEventListener("click", (ele) => {
            let key = document.querySelectorAll("input")[0].value;
            let value = document.querySelectorAll("input")[1].value;
            $.ajax({
                url: "/Home/SetCache",  // 发送的路径
                type: "post",  // 发送方式
                dataType: 'JSON',  // 反序列化
                data: { key, value, key },  // 发送的数据
                success: (res) => {  // 成功获取到后端返回结果的回调函数
                    $("#result1").append(res + "</br>");
                },
                error: () => {  // 发送失败的回调函数
                    console.log("失败");
                }
            })
        });
        document.querySelector("#btnGet").addEventListener("click", (ele) => {
            let key = document.querySelectorAll("input")[0].value;
            $.ajax({
                url: "/Home/GetCache",  // 发送的路径
                type: "post",  // 发送方式
                dataType: 'JSON',  // 反序列化
                data: { key },  // 发送的数据
                success: (res) => {  // 成功获取到后端返回结果的回调函数
                    $("#result2").append(res + "</br>");
                },
                error: () => {  // 发送失败的回调函数
                    console.log("失败");
                }
            })
        });
        document.querySelector("#btnRemove").addEventListener("click", (ele) => {
            let key = document.querySelectorAll("input")[0].value;
            $.ajax({
                url: "/Home/RemoveCache",  // 发送的路径
                type: "post",  // 发送方式
                dataType: 'JSON',  // 反序列化
                data: { key },  // 发送的数据
                success: (res) => {  // 成功获取到后端返回结果的回调函数
                    $("#result3").append(res + "</br>");
                },
                error: () => {  // 发送失败的回调函数
                    console.log("失败");
                }
            })
        });
        document.querySelector("#btnSetMany").addEventListener("click", (ele) => {
            let count = document.querySelectorAll("input")[2].value;
            $.ajax({
                url: "/Home/SetManyCache",  // 发送的路径
                type: "post",  // 发送方式
                dataType: 'JSON',  // 反序列化
                data: { count },  // 发送的数据
                success: (res) => {  // 成功获取到后端返回结果的回调函数
                    $("#result4").append(res + "</br>");
                },
                error: () => {  // 发送失败的回调函数
                    console.log("失败");
                }
            })
        });
    });

</script>
